@charset "utf-8";
/* CSS Document */
body{
	font-family:"微软雅黑",Arial, Helvetica, sans-serif;
}	
table span{	font-family:"微软雅黑"!important;}
.pro-ft table td {    border: 1px solid #ddd!important; }
.pro-ft table img { width: 70%; }
@font-face {
	font-family: 'Poppins';
	src: url('../fonts/Poppins.eot');
	src: url('../fonts/Poppins.eot?#iefix') format('embedded-opentype'),
	url('../fonts/Poppins.woff2') format('woff2'),
	url('../fonts/Poppins.woff') format('woff'),
	url('../fonts/Poppins.ttf') format('truetype'),
	url('../fonts/Poppins.svg#Poppins') format('svg');
	font-weight: normal;
	font-style: normal;
  }
body,dl,dt,dd,p,h3{margin:0;}
html{font-size:62.5%;}
img{border:0px none; vertical-align:middle; }
table{border-collapse:collapse;}
ul{display:block; margin:0; padding:0;}
li{list-style:none;}
a{color:#666; text-decoration:none; outline:none;transition:all ease 0.3s;}
a:hover{color:#0067B3;}
.clear{ clear:both; height:0px !important; overflow:hidden;}
.wrap{width:92%;box-sizing: border-box;margin: auto;min-width: 1300px;}

#pg-certificate img { max-width:100%; }

.fl{float:left;}
.fr{float:right;}
.imgauto{width: 100%;height: auto;}
body,html{overflow-x: hidden;}
::-webkit-scrollbar{width:6px; height:8px;}
::-webkit-scrollbar-track{background:#ddd;}
::-webkit-scrollbar-thumb{background:#1b1b1b;}
::-webkit-scrollbar-thumb:vertical:hover{background:#0F5AAD;}


#head{width: 100%;height:90px; box-sizing: border-box;transition: all .3s;position: fixed;left: 0;top:0px;z-index: 999;background-color: #fff;}
#head .logo{float: left;height:90px; padding: 5px 0 5px 0;box-sizing: border-box;}
#head .logo img{height:80px;transition: all .3s;}

.pr { position:relative; }
.pa { position:absolute; }

#head .menu { float: right; }
#head .menu > li { display: inline-block; height: 90px; padding: 0 .4vw; }
#head .menu > li > a { display: block; cursor: pointer; font-size: 1.6rem; line-height: 90px; color: #333; text-align: center; display: block; padding: 0 .4vw; }
#head .menu > li > a:after { display: block; content: " "; width: 0; height: 3px; position: absolute; left: 50%; bottom: 0px; margin: auto; transition: all .2s; background-color: #DC241C; }
#head .menu > li > a:hover:after, #head .menu li.cur a:after { width: 100%; left: 0; }
#head .menu > li:after, #head .menu .subpronav { content: ''; display: table; clear: both; }
#head .menu li .sub{
position: absolute;
width: 100%;
height: 0;
left:0;
top: 100%;
z-index: -1;
background: #fff;
box-sizing: border-box;
opacity: 0;
margin-top: 20px;
overflow: hidden;
visibility: hidden;
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
transition: opacity .2s, margin-top .2s, visibility .2s;
}
#head .menu li:hover > .sub{
z-index: 99;
opacity: 1;
margin-top: 0;
height: auto;
visibility: visible;
transition: opacity .3s, margin-top .3s, visibility .3s;
}


#head .menu li .subnav{width:100%;box-sizing: border-box;}
#head .menu li .subnav li{text-align: center;border-bottom: 1px solid #eee;}
#head .menu li .subnav li > a{display: block;text-align: center;color: #333;font-size: 13px;line-height: 1.5;padding: 10px 0;}
#head .menu li .subnav li:last-child{border-bottom: none;}
#head .menu li .subnav li a:hover{color: #DC241C;background-color:#F9F9F9;}

.hdmall{float: left;margin-left:20px; margin-top: 6px;}
.hdmall>a{color: #ff9900; font-size: 12px;}
.hdmall>a img{margin-right: 8px;}

.hdfr{float: right;height: 30px; margin-left:30px;margin-top: 29px;padding-left: 30px;position: relative;transition: all .2s}
.hdfr::before{display: block;content: " ";height: 20px;width: 1px;background-color: #ccc;position: absolute;left: 0;top:5px;}
.hdlan{float: left; position: relative;height: 30px;width: 30px;padding: 10px 0;margin-top: -10px;}
.hdlan .lanbtn{cursor: pointer;color: #333;line-height: 30px;}
.hdlan .lanbtn span.iconfont{font-size:23px;}
.lanbox{position: absolute;left:-25px;top:80px; box-shadow: 0px 5px 10px rgba(0,0,0,.2);background-color: #fff;opacity: 0;
	overflow: hidden;visibility: hidden;transition: all .2s}
.lanbox a{display: block;width: 80px;height: 40px;line-height: 40px;text-align: center;border-top: 1px solid #eee;}
.lanbox a:hover{color: #DC241C;background-color:#F9F9F9;}
.hdlan:hover .lanbox{top:50px;opacity: 1;visibility: visible;}

.hdsearch{float: left;margin-left:20px;}
.hdsearch .searchbtn{display: block;width:30px;height:30px;line-height:30px;color: #333;text-align: center;overflow: hidden;cursor: pointer;}
.hdsearch .searchbtn .iconfont{font-size:24px;}
.hdsearch .searchbtn:hover,.hdlan .lanbtn:hover{color:#DC241C;}
.hdsearch .searchbox{display: none; width: 100%;height: 100%;position: fixed;left: 0;top: 0;z-index: 999; background-color:rgba(0,0,0,.8);}
.hdsearch .searchbox .bdbox{width: 40%;min-width:500px; margin: auto; margin-top:15%;}
.hdsearch .searchbox .bdbox a.closebtn{display:block;color: #fff;height: 50px;width: 50px;text-align: center;line-height: 50px;margin: auto;overflow: hidden;cursor: pointer;}
.hdsearch .searchbox .bdbox a.closebtn .iconfont{font-size: 40px;color:#DC241C;}
.hdsearch .searchbox .bdbox a.closebtn:hover{transform: rotate(180deg);}
.hdsearch .searchbox #search{width: 100%;height: 70px;line-height: 70px; background-color: #fff;border-radius: 10px;overflow: hidden;margin-top: 20px;overflow: hidden;transition: all .3s;	animation-name: sea;animation-duration:1.5s;	animation-fill-mode:forwards;	animation-timing-function:ease;}
.hdsearch .searchbox #search #keys{float: left; width:80%;height:70px;line-height: 70px;padding-left: 15px; border: none;outline:none;}
.hdsearch .searchbox #search #gobtn{float: right; width:70px;height:70px;line-height: 70px;padding-left: 15px; border: none;background:none;}
.hdsearch .searchbox #search #gobtn .iconfont{font-size: 30px;color:#DC241C;cursor: pointer;}
@keyframes sea{
  from {
	transform: translateY(70px);
	opacity:0;
  }
  to {
	transform: translateY(0px);
	opacity:1;
  }
}

#head.on{height:70px;box-shadow: 0 10px 20px rgba(0,0,0,.1);}
#head.on .logo{height:70px;}
#head.on .logo img{height:60px;}

#head.on .menu > li{height:70px;}
#head.on .menu > li > a{line-height: 70px;}
#head.on  .hdfr{margin-top:19px;}


/*    */


.banner{width: 100%;height:100%;overflow: hidden;position: relative;z-index:70; margin: 90px 0 0;}
.banner .swiper-wrapper{z-index: inherit;}
.banner .swiper-slide{width: 100%;height:100%;overflow: hidden;position: relative;background-position: center top;background-size: cover;}
.banner .swiper-slide img{ width: 100%; }

.banner .swiper-pagination{ height: 34px;text-align: center;bottom: 30px!important;}
.banner .swiper-pagination .swiper-pagination-bullet{
	width:8px;
	height:8px;
	background:#fff;
	border-radius:0;
	margin:0 12px;
	position:relative;
	transition:all 0.4s;
	-webkit-transition:all 0.4s;
	-moz-transition:all 0.4s;
	-ms-transition:all 0.4s;
	-o-transition:all 0.4s;
}
.banner .swiper-pagination .swiper-pagination-bullet:before{
	content:"";
    position: absolute;
    top: 0;
    left: 0;
    width: 8px;
    height: 8px;
    border: solid 1px transparent;
	margin-top:0;
	margin-left:0;
	transition:all 0.4s;
	-webkit-transition:all 0.4s;
	-moz-transition:all 0.4s;
	-ms-transition:all 0.4s;
	-o-transition:all 0.4s;
}
.banner .swiper-pagination  .swiper-pagination-bullet-active:before{
	width:16px;
	height:16px;
	margin-top:-5px;
	margin-left:-5px;
	border-color:#fff;
	transition:all 0.4s;
	-webkit-transition:all 0.4s;
	-moz-transition:all 0.4s;
	-ms-transition:all 0.4s;
	-o-transition:all 0.4s;
}
.banner .swiper-pagination .swiper-pagination-bullet-active{
	background:transparent;
	transition:all 0.4s;
	-webkit-transition:all 0.4s;
	-moz-transition:all 0.4s;
	-ms-transition:all 0.4s;
	-o-transition:all 0.4s;
}
.banner .swiper-pagination .swiper-pagination-bullet:after{
	content:"";
	width:6px;
	height:6px;
	position:absolute;
	left:1px;
	top:1px;
	transition:all 0.4s;
	-webkit-transition:all 0.4s;
	-moz-transition:all 0.4s;
	-ms-transition:all 0.4s;
	-o-transition:all 0.4s;
}
.banner .swiper-pagination  .swiper-pagination-bullet-active:after{
	background:#fff;
	transition:all 0.4s;
	-webkit-transition:all 0.4s;
	-moz-transition:all 0.4s;
	-ms-transition:all 0.4s;
	-o-transition:all 0.4s;
}
.banner .gundong{color: #fff;writing-mode:vertical-rl;letter-spacing: 2px;font-size:16px; position: absolute;right:34px;top:450px;}
.banner .gundong span{margin-bottom: 10px;}
.banner .gundong #mouse {
  transform: scale(0.7);
  -webkit-transform: scale(0.7);
  -moz-transform: scale(0.7);
  -o-transform: scale(0.7);
  -ms-transform: scale(0.7);
}
.banner .gundong  #mouse #mouse-move {
  animation: Tmouse 0.8s cubic-bezier(0.56, 0.01, 0.46, 1) infinite alternate;
}
@keyframes Tmouse {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(8px);
    -moz-transform: translateY(8px);
    -ms-transform: translateY(8px);
    -o-transform: translateY(8px);
    transform: translateY(8px);
  }
}


/*       */

.ind-pro{min-width: 1200px;}
.ind-pro .proitem{float: left; width: 25%;height: 300px;background:#f5f5f5 url(../img/probg1.jpg) no-repeat 0 0;position: relative;overflow: hidden;}
.ind-pro .proitem a{display: block;}
.ind-pro .proitem .proimg{height: 90%; position: absolute;left: 10px;bottom: 0px;z-index:9;transition: all 1s;}
.ind-pro .proitem .con{height:24px;line-height: 24px; padding:3px 40px 3px 15px; position: absolute;right:20px;bottom:30px;z-index: 10;}
.ind-pro .proitem .con::after{display: block;content: " ";width: 100%;height: 32px;background-color: #fff;position: absolute;left:100px;top:-1px;z-index: 0;border-radius:32px;opacity: 0;transition: all .2s;}
.ind-pro .proitem .con img{position: absolute;right:5px;top:3px;z-index:11;}
.ind-pro .proitem .con p{color: #333;font-size: 18px;position: relative;z-index: 11;}

.ind-pro .proitem .probg{position: absolute;left:-30px;top: 0px;z-index:3;transition: all 1s;opacity: .1;filter: grayscale(100%); }
.ind-pro .proitem:hover .probg{left:0px;opacity: 1;filter: grayscale(0%); }
.ind-pro .proitem:hover .proimg{left:0px;}
.ind-pro .proitem:hover .con::after{left: 0;box-shadow: 0 5px 10px rgba(0,0,0,.2);opacity:1;}

/*       */

.more2{color:#DC241C;display: block;margin-top: 15px;}
.more2:hover{text-decoration: underline;}

.ind-about{ padding:90px 0 100px;position: relative;background:#f5f5f5 url(../img/indabbg.jpg) bottom left no-repeat;overflow: hidden;}
.ind-about .al-l{width: 50%;float: left;}
.ind-about .al-l .tit1 { font-size: 36px; color: #fff; font-weight: 300; }
.ind-about .swiper-about{width: 100%;overflow: hidden;position: relative;margin-top:40px;box-shadow: 0px 10px 15px rgba(0,0,0,.3);}

.ind-about .swiper-about .swiper-pagination-bullet-active {background-color:#DC241C;}

.ind-about .al-l .al-l2{color: #fff;margin-top:40px;}
.ind-about .al-l .al-l2 li{float: left;margin-right:40px;}
.ind-about .al-l .al-l2 li h3{font-size:36px;font-family: Arial, Helvetica, sans-serif;}
.ind-about .al-l .al-l2 li p{font-size: 14px;}

.ind-about .al-r{width:44%;float:right;padding-top:180px;}
.ind-about .al-r .al-r1 h3 { font-size: 34px; font-weight: normal; }
.ind-about .al-r .al-r1 p{font-size:16px;font-family: Arial, Helvetica, sans-serif;color:#DC241C; text-transform:uppercase; margin-top: 10px;}

.ind-about .al-r .al-r2 { font-size: 16px; line-height: 26px; color: #666; margin-top: 20px; }
.ind-about .al-r .more1 { margin-top: 30px; }

.indtit{font-size:36px;line-height: 200%; font-weight:300;}
.indtit::after{display: block;content: " "; width:40px;height:3px;background-color: #DC241C;margin-top: 20px;}
.indtit .more2{float: right;font-size: 14px;color: #DC241C;margin-top: 5px;}
.indtit .more2:hover{text-decoration: underline;}

.more1{display:inline-block;line-height: 40px;color: #fff;font-size:1.2rem;padding: 0 22px;text-align: center;text-transform: uppercase;background-color: #DC241C; transition: all .3s;position: relative;overflow: hidden;}
.more1 span{display: inline-block;color: #fff; transition: all .3s;position: relative;z-index: 9;}
.more1::before{display: block;content: " ";width: 140%;height: 100%;position: absolute;left:200px;top: 0;z-index: 0; transition: all .2s;background-color: #CA221A;transform:skewX(-45deg);}
.more1:hover::before{left:-15%;}
.more1:hover span.iconfont{transform:translateX(5px);}

/*       */


.ind-news{padding:80px 0 60px 0;background: url(../img/indnewsbg.jpg) no-repeat center 10%;}
.ind-news .tit{font-size:4rem;text-transform:uppercase;line-height: 120%;}

.newswrap{ margin:40px auto; display: flex; justify-content:space-between; flex-wrap:wrap; }
.newsitem{width: 31%;background: #fff;  box-shadow: 0px 0px 40px 10px rgb(0 0 0 / 10%); box-sizing: border-box;transition: all .3s; margin-bottom:20px; }
.newsitem:last-child{margin-right: 0;}
.newsitem a{display: block;padding:60px 30px;}
.newsitem h3{color: #DC241C;font-size: 20px;font-weight: normal;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;transition: all .3s;}
.newsitem p.text{color: #666;  font-size: 14px; line-height: 24px;margin-top: 10px; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.newsitem .date{color: #999;font-size: 14px; padding-left:20px; background:url(../img/ico-date.png) no-repeat 0 3px;margin-top: 15px;}
.newsitem:hover{transform:translateY(-10px);}
.newsitem:hover h3{color: #333;}

.ind-news .more1{margin-top: 30px;}

/*       */

.ind-support{height:550px;background: url(../img/indimg1.jpg) no-repeat center top;position: relative;}
.ind-support .bg{height: 100%;width: 100%; position: absolute;left: 0;top: 0;z-index:0;background-color: rgba(0, 0, 0,.8);}
.ind-support .wrap{position: relative;z-index: 9;}
.ind-support .con{text-align: center;color: #fff;position: relative;padding-top: 160px;}
.ind-support .con h3{font-size:16px;font-weight:300; color:#CCCCCC;}
.ind-support .con p{font-size:20px;margin-top: 20px;}
.ind-support .btnbox{display: flex; justify-content:center;margin-top:40px;}
.ind-support .btnbox a{display: block;width: 120px;font-size: 16px; padding:20px 30px; background-color:rgba(255, 255, 255, 0.2);position: relative;margin: 0 10px;border: 1px solid #fff;color: #fff;}
.ind-support .btnbox a span.iconfont{font-size: 20px; position: absolute;right:20px;top:18px;}
.ind-support .btnbox a:hover{background-color:#DC241C;border: 1px solid #DC241C;box-shadow: 0 10px 15px rgba(0, 0, 0,.8);}

/*       */

.ftcontact{min-width: 1200px; height: 120px;background-color:#efefef;position: relative;}
.ftcontact .ftc1{float: left; width:200px;height: 100%;color: #fff;font-size:26px; background-color:#DC241C;box-sizing: border-box;padding:40px 0 0 40px;}
.ftcontact .ftc2{float: left;padding-top: 50px;}
.ftcontact .ftc2 li{float: left;margin-left:40px;font-size: 14px;position: relative;padding-left: 50px;}
.ftcontact .ftc2 li span{display: block; width: 30px;height: 30px;text-align: center;font-size: 20px;line-height: 30px;color: #333; border: 1px solid #ccc;position: absolute;left: 0px;top:-5px;}
.ftcontact .ftc2 li.li2 span{font-size:25px;}



.ftcontact .ftc3{background: #DC241C; width: 160px;height: 120px;position: absolute;right: 0;bottom: 0;box-sizing: border-box;padding-top: 50px;}
.ftcontact .ftc3 a.ft-wechat{position: relative;margin-left:64px;cursor: pointer;}
.ftcontact .ftc3 a.ft-wechat .iconfont{font-size: 30px;color: #ccc;transition: all .2s;}
.ftcontact .ftc3 a.ft-wechat img{width:0px; position: absolute;left:0px;bottom:40px;z-index: 99; box-shadow: 0 10px 10px rgba(0,0,0,.1);opacity: 0;transition: all .2s;}
.ftcontact .ftc3 a.ft-wechat:hover img{opacity: 1;width: 120px;left:-50px;}
.ftcontact .ftc3 a.ft-wechat:hover .iconfont{color: #fff;}


.foot{min-width: 1200px; color:#8b8b8b; overflow: hidden;position: relative;z-index: 2;}
.ft-l{padding-right: 160px;}
.ft-nav{padding:30px 3% 30px 3%;background:#ddd url(../img/ftbg.jpg) repeat 0 0;height:110px;overflow: hidden;box-sizing: border-box;}
.ft-nav img{height: 50px;width: auto;float: left;}
.ft-nav .list{float: right;color: #4c4c4c;font-size: 16px;margin-top:16px;}
.ft-nav .list a{margin: 0 8px;color: #4c4c4c;}
.ft-nav .list a:hover{color: #DC241C;}



.copy{height: 55px;line-height: 55px; font-size:1.2rem; color: #898989;background-color:#111;padding:0 3% 0 3%;}


.foot .ft-r{background:#CA221A; width: 160px;height: 165px;  overflow: hidden;position: absolute;right: 0;bottom: 0;}
.foot .ft-r .goT{display: block;height: 100%; text-align: center;padding-top: 40px;transition: all .2s;opacity: .8;}
.foot .ft-r .goT .iconfont{color: #fff;font-size: 30px;}
.foot .ft-r .goT:hover{transform:translateY(-10px);opacity: 1;}


.qq{display: block;width: 30px;height:30px;line-height: 30px; float:left;margin-right:10px;text-align: center;color: #fff;background-color:#898989;border-radius: 100%;overflow: hidden;margin-top: 15px;}
.qq span.iconfont{font-size:1.8rem;color: #fff;}
.qq:hover{background-color:#DC241C;transform:translateY(-3px);}

@media (max-width: 1440px) {

	.ind-about{background:#f5f5f5 url(../img/indabbg.jpg) no-repeat -20% 0;}


	
}


/*   ----------------------------------------------------    */


.pgbanner{height:auto;overflow: hidden;position: relative;z-index:9;background-color: #fff;margin-top:90px;}
.pgbanner .banimg{height:auto;background-repeat: no-repeat;position:relative;animation-name: pimg;	animation-duration:5s;animation-fill-mode:forwards;animation-timing-function:ease;opacity: .8;position: relative;z-index: 0;background-position: center top;background-size: cover;}
.pgbanner .banimg img{ width: 100%;}
.pgbanner .text{color:#fff; position: absolute;left:50%;top:40%;z-index: 9;margin-left: -46%;}
.pgbanner .text h3{font-size:45px;text-align: left;font-weight: normal; text-transform:uppercase;  line-height: 40px;text-shadow: 0px 0px 10px rgba(0,0,0,0.4);display: inline-block;width: 100%;}
.pgbanner .text .t2{font-size:16px;font-family:'Poppins',Arial,Helvetica,sans-serif; margin-top: 15px;text-shadow: 0px 0px 10px rgba(0,0,0,0.4);text-transform:uppercase;font-weight: 100;letter-spacing: 1px;}

.proban .text{width:50%;margin: auto;left: 25%;}


.pgnavW{background-color: #eee;}
.pgnav{display: flex; justify-content:center;height:60px;text-align: center; position: relative; z-index: 9; line-height: 50px;overflow: hidden;}
.pgnav a{display: inline-block;height: 60px;line-height: 60px; text-align: center; position: relative;z-index: 9;font-size:16px;color: #555;transition: all .35s;overflow: hidden;padding: 0 40px;border-right: 1px solid #fff;}
.pgnav a:last-child{border-right: none;}
.pgnav a:after{display: block;content:" "; width:0;height:2px; position: absolute;left:50%;top:0;box-sizing: border-box; background-color:#DC241C;transition: all .2s;}
.pgnav a:hover:after{width:100%;left:0;}

.pgnav a.A,.pgnav a:hover{color:#DC241C;}
.pgnav a.A:after{width:100%;left:0;}
.pgnav a.A{background-color: #fff;}


.pgmain{padding:100px 0;}

/*   ----------------------------------------------------    */

.pgabbox1{overflow: hidden;background-image: linear-gradient(to bottom, #fff, #f5f5f5); padding-top:100px; padding-bottom:100px; }

.pgabbox1 .wrap{position: relative;}
.pgabbox1 .tit3{font-size:135px;color: #f5f5f5;font-style:italic;font-family:'Poppins',Arial,Helvetica,sans-serif;position: absolute;left: 0;top: 0;z-index: 0;}
.pgabbox1 .abcon{position: relative;z-index: 9;box-sizing: border-box;padding-right: 800px;position: relative;z-index: 8;}
.pgabbox1 .abcon .pgtit1{font-size:28px;position:relative;z-index: 9;padding-top: 60px;margin-bottom: 40px;}
.pgabbox1 .abcon .con{height: 430px; font-size:14px;line-height: 180%;color: #666;margin-top:20px;overflow-y: auto;padding-right: 10px;}
.pgabbox1 .abcon .con p{margin-bottom: 15px;}

.abimg1 { width:750px; position: absolute; right: 0%; top: 20%; z-index: 9; overflow: hidden; }
.swiper-about .swiper-pagination-bullet-active { background-color: #DC241C; }

.btnstyle1{display: inline-block;height: 45px;line-height: 45px;font-size:14px; padding: 0 20px;border: 1px solid #333;overflow: hidden;}
.btnstyle1 span.iconfont{margin-left: 8px;}
.btnstyle1:hover{color: #fff;background-color:#DC241C;border-color:#DC241C;}


/*   ----------------------------------------------------    */


#pg-certificate .tit{font-size: 16px;color: #888; margin-bottom:40px;border-bottom: 1px solid #ddd;padding-bottom:25px;margin-top: 20px;}
#pg-certificate .tit h3{font-size: 30px;color: #333;margin-bottom: 8px;}

.cerlist a{display:inline-block;width:130px;height:40px;line-height: 40px;text-align: center; font-size:14px;color: #666;position: relative;overflow: hidden;margin-right:20px;background-color: #e8e8e8;}
.cerlist a.cur{background-color: #DC241C;color: #fff !important;box-shadow: 0px 0px 15px rgb(255, 222, 222)!important;}
.cerlist a:hover{color: #DC241C;box-shadow: 0px 0px 15px #eee;}

#pg-certificate { padding: 100px 0; }
.cert-list { margin-top: 30px; }
.cert-list>li { width: 25%; border: 1px solid #eee; margin: 0 0 -1px -1px; float: left; transition: all .3s; box-sizing: border-box; background-color: #fff; }
.cert-list>li>a { display: block; width: 100%; height: 100%; overflow: hidden; position: relative; }
.cert-list>li>a>.img { width: auto; margin: auto; margin-top: 20px; text-align: center; overflow: hidden; margin-left: 5%; margin-right: 5%; }

.cert-list>li>a>.img>img { max-width: 100%; max-height: 100%; }

.cert-list>li>a>p{height:50px; padding:0 10px; line-height:48px; text-align:center; font-size:16px; color:#333; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; position:relative; z-index:2; transition:all .25s;}
.cert-list a:after{ position:absolute; z-index:9; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0) url("../img/icon-zoom.png") no-repeat; background-position:50% -50%; content:''; transition:all .35s;}
.cert-list a:hover:after{background:rgba(0,0,0,.1) url("../img/icon-zoom.png") no-repeat;background-position:50% 50%;}

/*   ----------------------------------------------------    */


#pg-news { padding: 0; }
.newslist { margin-bottom: 20px; }
.newslist li { display: block; width: 100%; transition: all .35s; }
.newslist li>a { position: relative; display: block; width: 92%; padding: 40px 0; margin: 0 auto; transition: all .35s; border-bottom: 1px solid #ddd; }
.newslist li a .img { width: 100%; overflow: hidden; }
.newslist li a .img>img { width: 100%; height: auto; transition: all 1s; }

.newslist li a .con { display: block; width: 100%; }
.newslist li a h3 { font-weight:500; font-size: 18px; color: #DC241C; margin-top: 20px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.newslist li a p.text { font-size: 14px; line-height: 140%; color: #333; margin-top: 10px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.newslist li a p.date { font-size: 1.4rem; color: #999; margin-top: 15px; padding-left: 18px; background: url(../img/indnews1.png) no-repeat 0 center; }
.newslist li:hover h3 { color: #333; }
.newslist li:hover p.text { color: #999; }

.newslist li:hover{box-shadow: 5px 5px 35px rgba(0,0,0,.1);}

.page { width: 100%; text-align: center; padding: 30px 0; clear: both; margin: 0 0 0px; }
.page span, .page a { display: inline-block; line-height: 24px; line-height: 21px; text-align: center; color: #333; font-size: 12px }
.page span { font-weight: bold; }
.page a { color: #333; border: 1px #ccc solid; border-radius: 10px; margin: 0 6px; padding: 3px 10px; }
.page a:hover { font-weight: bold; color: #DC241C; }
.page span.next, .page a.next { width: 51px; height: 21px; }
.page span.next { color: #C4C4C4; font-weight: normal; }
.page a.page-num-current { background: #DC241C; color: #fff; }

@media (max-width:767.98px) {
.page a { border-radius: 10px; margin: 0 2px; padding: 2px 3px; }
}

#pgnewsV #head{box-shadow: 0 10px 20px rgba(0,0,0,.1);}

#pg-newsview { min-width: 1000px; padding-top: 0px; }
.newsviewbox { padding-top: 70px; padding-bottom: 0px; background-color: #fff; position: relative; }
.newsviewbox .wrap { position: relative; }

.newsviewbox .line{width:200%;border-bottom: 1px solid #ddd;position: absolute;left:-50%;top: 170px;}
.newsviewbox .fl{width: 75%;box-sizing: border-box;position: relative;}
.newsviewbox .fl:after{display: block;content:" ";height:100%; border-right: 1px solid #ddd;position: absolute;right:0px;top: -130px;}

.newsviewbox .fl .newsT { height: 100px; border-right: 7px solid #DC241C; box-sizing: border-box; padding-top: 20px; }
.newsviewbox .fl .newsT p { font-size: 3rem; font-weight: bold; /*text-overflow: ellipsis; overflow: hidden; white-space: nowrap;*/ }

.newsviewbox .fl .newsT .span1 { display:inline-block; font-size: 1.4rem; padding-left: 18px; color: #999; background: url(../img/indnews1.png) no-repeat 0px center; margin-top: 10px; }
.newsviewbox .fl .newsT .span2 { display:inline-block; font-size: 1.4rem; padding-left: 18px; color: #999; background: url(../img/indclick.png) no-repeat 0px center; margin-top: 10px; margin-left:8px; }

.newsviewbox .fl .newsC { font-size: 1.6rem; padding: 50px 50px 50px 0; line-height: 2; text-indent: 2em; color:#595959; }
.newsviewbox .fl .newsC img { max-width: 100%; }

.newsviewbox .fr{width:25%;box-sizing: border-box;padding-left: 20px;}
.newsviewbox .fr .hd{height: 100px; position: relative;}
.newsviewbox .fr .hd:before{content: "MORE";font-size:90px;color: #f5f5f5;font-family: 'Arimo', sans-serif;font-weight: bold;position: absolute;left: 0;bottom:-10px;z-index: 0;}
.newsviewbox .fr .hd p{font-size:3rem;font-weight: bold;color:#DC241C; padding-top:40px;position: relative;z-index: 1;}
.newsviewbox .fr .bd{padding-top: 50px;padding-right: 15px;}
.newsviewbox .fr .bd a{display: block;font-size: 1.4rem; line-height: 24px;margin-bottom: 15px;text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}

.pageurl{width: 100%;}
.pageurl{position:relative;text-align:center; padding-top:35px;border-top: 1px solid #eee;margin-top:40px;}
.pageurl a{display:inline-block;width:150px;height:50px;line-height: 50px; font-size:1.5rem;color: #333;position: relative;overflow: hidden;margin:0 20px;background-color: #e8e8e8;}
.pageurl a:hover{background-color: #DC241C;color: #fff;box-shadow: 0px 0px 15px #DC241C;}
.pageurl a.back{color: #fff;background-color: #333;}
.pageurl>a.no{ color:#ddd!important;background-color: #eee!important;box-shadow:none!important;}
.pageurl a.back:hover{color: #fff;background-color: #333;box-shadow: 0px 0px 15px #999;}



.pro-bar{height:50px; background-color: #f5f5f5;margin-top: 90px;overflow: hidden;}
.pro-bar .crumbs{font-size:14px;padding-top:12px;color: #333;}
.pro-bar .crumbs span.iconfont{display: inline-block; color: #333;font-size:2rem;margin-right: 8px;transform: translateY(1px);}
.pro-bar .crumbs a{color: #333;}
.pro-bar .crumbs a:hover{opacity: 1;color: #DC241C;text-decoration: underline;}
.pro-bar .crumbs a:last-child{color: #777;}

.pgtit1{margin-top:40px;}

.catewrap{padding:50px 0 100px 0;}
.catewrap .proitem{float: left; width:48%;height: 300px;background:#f5f5f5 url(../img/probg1.jpg) no-repeat 0 0;position: relative;overflow: hidden;margin: 0 4% 30px 0;}
.catewrap .proitem:nth-child(even){margin-right: 0;}
.catewrap .proitem a{display: block;}
.catewrap .proitem .proimg{height: 90%; position: absolute;left:30px;bottom: 0px;z-index:9;transition: all 1s;}
.catewrap .proitem .con{height:24px;line-height: 24px; padding:3px 40px 3px 15px; position: absolute;right:30px;bottom:35px;z-index: 10;}
.catewrap .proitem .con::after{display: block;content: " ";width: 100%;height: 32px;background-color: #fff;position: absolute;left:100px;top:-1px;z-index: 0;border-radius:32px;opacity: 0;transition: all .2s;}
.catewrap .proitem .con img{position: absolute;right:5px;top:3px;z-index:11;}
.catewrap .proitem .con p{color: #333;font-size: 18px;position: relative;z-index: 11;}

.catewrap .proitem .probg{position: absolute;left:-30px;top: 0px;z-index:3;transition: all 1s;opacity: .1;filter: grayscale(100%); }
.catewrap .proitem:hover .probg{left:0px;opacity: 1;filter: grayscale(0%); }
.catewrap .proitem:hover .proimg{left:10px;}
.catewrap .proitem:hover .con::after{left: 0;box-shadow: 0 5px 10px rgba(0,0,0,.2);opacity:1;}




#pg-product{margin-top:40px; margin-bottom:40px;}
.prolist{margin: 0 -1% 0 -1%;}
.prolist li{float: left; border: 1px solid #eee; width:18%; padding: 10px 15px 20px 15px;  margin: 1%; margin-bottom:20px;box-sizing: border-box; position: relative;}
.prolist li i{display: block;height:3px;width:0%;position: absolute;left:0;bottom:0px;z-index: 9; background: #DC241C;overflow: hidden;opacity: 0;transition: all .3s;}
.prolist li i::before{display: block;content: " "; height:4px;width:600%;position: absolute;left: 0;bottom:0;z-index: 9;background: #DC241C linear-gradient(to right, #DC241C 0%,#DC241C 60%,#DC241C 100%); animation: bgcolor 2s ease infinite;}
.prolist li:hover a i{opacity: 1;width: 100%;}
@keyframes bgcolor{
    0% {left: 0;}
    100% {left: -1000%;}
}
.prolist li:nth-of-type(5n) { margin-right: 0 !important; }
.prolist li a { display: block; width: 100%; }
.prolist li a .img img { transition: all .4s; max-width:100%; max-height:100%; }
.prolist li a h3 { font-size: 16px; color: #333; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-top: 5px; text-align: center; }
.prolist li a p { font-size: 14px; color: #999; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-top: 2px; }
.prolist li:hover a p { color: #e08883; }

.prolist li:hover a { text-decoration:none; color:#DC241C; }
.prolist li:hover a h3 { color:#DC241C; }

/*.prolist li:hover a .img img { transform: scale(0.95); }*/

/*******/

#proview .wrap{max-width: 1400px;}
#pg-proview{padding:0px; padding-bottom:40px;}

#pg-proview .pro-hd { background-color: #fff; padding: 50px 0; }
#pg-proview .pro-hd .hdleft { float: left; width: 55%; padding-top: 30px; }
#pg-proview .pro-hd .hdleft h3.tit { font-size: 34px; color: #333; font-family: 'Poppins', Arial, Helvetica, sans-serif; }
#pg-proview .pro-hd .hdleft p.subtit { font-size: 16px; color: #888; }
#pg-proview .pro-hd .hdleft .info { font-size: 14px; color: #999; margin-top: 30px; line-height: 24px; background-color: #f5f5f5; padding: 20px; }
#pg-proview .pro-hd .hdleft .btnbox { margin-top: 30px; }
#pg-proview .pro-hd .hdleft .btnbox .iconfont { margin-left: 5px; }

#pg-proview .proimg { float: right; width: 400px; height: 400px; padding-bottom: 10px; position: relative; }
#pg-proview .proimg .swiper-proimg { width: 400px; overflow: hidden; border: 1px solid #eee; }
#pg-proview .proimg .swiper-wrapper { width: 100%; }
#pg-proview .proimg .swiper-slide img { width: 400px; }
#pg-proview .proimg .swiper-pagination { bottom: -10px; }
#pg-proview .proimg .swiper-pagination-bullet-active { background-color: #DC241C; }

#pg-proview .pro-ft{padding-bottom: 40px;background-color: #fefefe;}

#pg-proview .pro-ft .tab-hd{height:50px;color:#333;line-height:50px;font-size:16px;background-color: #DC241C;margin-bottom: 20px;}
#pg-proview .pro-ft .tab-hd ul{}
#pg-proview .pro-ft .tab-hd ul li{float:left;font-size:16px; color: #fff;text-align: center; position:relative;cursor:pointer;padding: 0 20px;}

#pg-proview .pro-ft .tab-hd ul li:hover{text-decoration:underline;}
#pg-proview .pro-ft .tab-hd ul li.on{color: #DC241C;background-color: #fefefe;border-top: 2px solid #DC241C;}


.pro-ft .tab-item{display:none;}
.pro-ft .tab-con{margin:auto;padding-top: 20px;}
.pro-ft .tab-con img{max-width:100%;}
.tab-item dt{
	font-size:26px;
	color:#DC241C;
	margin-bottom:30px;
	}
.tab-item dd{position:relative;font-size: 1.6rem;line-height: 180%;color:#666;padding-top: 20px;}
.pro-ft .tab-con{line-height:200%;}
.pro-ft .tab-con table{width:100%;}
.pro-ft .tab-con table td{border:1px solid #ddd;padding:5px;}
.pro-ft .tab-con table td:hover{background-color:#f5f5f5!important;}
.pro-ft .tab-con table a{text-decoration: underline;}
.pro-ft .tab-con h3{margin-bottom: 15px;}

.pageurl{width: 100%;}
.pageurl{position:relative;text-align:center; padding-top:35px;border-top: 1px solid #eee;margin-top:40px;}
.pageurl a{display:inline-block;width:25%;height:50px;line-height: 50px; font-size:1.5rem;color: #333;position: relative;overflow: hidden;margin:0 10px;background-color: #e8e8e8;}
.pageurl a:hover{background-color: #DC241C;color: #fff;box-shadow: 0px 0px 15px #DC241C;}
.pageurl a.back{color: #fff;background-color: #333;}
.pageurl>a.no{ color:#ddd!important;background-color: #eee!important;box-shadow:none!important;}
.pageurl a.back:hover{color: #fff;background-color: #333;box-shadow: 0px 0px 15px #999;}


.searchbar{font-size: 1.6rem; margin-top: 100px;background-color: #f5f5f5;padding:40px 0;}
.searchbar span{font-size: 2.5rem;color: red;margin: 0 5px;}
.searHeight{font-style: normal;color: #fb2846;}

/*******/


#pg-support{}
.supbox{border: 1px solid #ddd;padding:60px 40px;line-height: 140%;color: #888; margin-top: -1px;background: url("../img/pgsupport2.jpg") no-repeat right bottom;}

.supbox dt{color:#333;font-size:20px;margin-bottom:30px;}
.supbox dt::after{display: block;content: " "; width:40px;height:3px;background-color: #DC241C;margin-top: 20px;}

.supbox dd{font-size:14px;word-break:break-all;line-height: 180%;padding-right: 10%;}
.supbox::after{content: "";clear: both;}


/*******/

#pg-hr .hrT{display: flex;align-items: center;justify-content: space-between;}
#pg-hr .hrT dl{width: 50%;box-sizing: border-box;padding: 20px 0;}
#pg-hr .hrT dl.t1{padding-right:50px;border-right: 1px solid #ddd;}
#pg-hr .hrT dl.t2{padding-left: 50px;}
#pg-hr .hrT dl dt{background: url(../img/pghr1.jpg) center left no-repeat;padding-left: 64px;}
#pg-hr .hrT dl.t2 dt{background: url(../img/pghr2.jpg) center left no-repeat;}

#pg-hr .hrT dl dt h3{font-size: 20px;font-weight: normal;}
#pg-hr .hrT dl dt p{font-size: 14px;color: #999; font-family:'Poppins',Arial,Helvetica,sans-serif;}
#pg-hr .hrT dl dd{font-size: 14px;color: #888;line-height: 180%;margin-top: 20px;}

#pg-hr .jobwrap{margin:50px auto;border: 1px solid #e8e8e8;}
#pg-hr .jobwrap ul.job-hd{margin: 0 auto; overflow: hidden;background-color:#DC241C; }
#pg-hr .jobwrap ul.job-hd li{position: relative;float: left;  width: 25%;  padding: 20px 0 20px 20px;color: #fff;  font-size: 16px; font-weight: bold;  overflow: hidden;box-sizing: border-box;}
#pg-hr .job-item{overflow: hidden;	border-bottom: 1px solid #e8e8e8;	}
#pg-hr .job-item:last-child{border-bottom:none;	}
#pg-hr .job-item dt{
	font-size:14px;
	color:#666;
	height:50px;
	line-height:50px;
	background:#fff;
	cursor:pointer;
	transition:all ease-out .3s;
	position:relative;
	}
#pg-hr .job-item dt span{width: 25%;  padding-left:20px;float: left;box-sizing: border-box;}
#pg-hr .job-item dt:hover{background-color: #eee;}
#pg-hr .job-item dt i {
    width:20px;
    height: 20px;
    border: 1px solid #999;
    right:20px;
    top: 50%;
    margin-top: -10px;
    position: absolute;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -mz-border-radius: 50%;
	}
#pg-hr dl.cur dt i:before {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
    filter: alpha(opacity=0);
}
#pg-hr .job-item dt i:before {
    content: "";
    width: 40%;
    height: 2px;
    background-color: #999;
    left: 50%;
    top: 50%;
    margin-top: -1px;
    margin-left: -20%;
    transition: All .2s ease-in-out;
    -webkit-transition: All .2s ease-in-out;
    -moz-transition: All .2s ease-in-out;
    -o-transition: All .2s ease-in-out;
    position: absolute;
}
#pg-hr dl.cur dt i:after {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}
#pg-hr .job-item dt i:after {
    content: "";
    width: 2px;
    height: 40%;
    background-color: #999;
    left: 50%;
    top: 50%;
    margin-top: -20%;
    margin-left: -1px;
    transition: All .2s ease-in-out;
    -webkit-transition: All .2s ease-in-out;
    -moz-transition: All .2s ease-in-out;
    -o-transition: All .2s ease-in-out;
    position: absolute;
}
#pg-hr .job-item dd{
	display:none;
	color:#999;
	font-size: 14px;
	line-height:1.8em;
	padding:20px;
	background-color:#fff;
	border-top:1px solid #eee;
	}
#pg-hr dl.cur dt{background-color:#eee;}


/*******/

#pg-contact { height: 100%; padding: 0; position: relative; box-sizing: border-box; padding-top: 0px; }
#pg-contact .con { width: 80%; font-size: 14px; position: absolute; left: 50%; top: 25%; z-index: 9; background: #DC241C; box-shadow: 15px 10px 35px rgba(0,0,0,.3); margin-left: -40%; }
#pg-contact .conbox { display: flex; align-items: center; justify-content: center; }
#pg-contact .conbox dl { display: flex; align-items: center; justify-content: flex-start; width: 49%; position: relative; box-sizing: border-box; position: relative; z-index: 9; background: #DC241C; padding: 20px 20px; line-height:1.8; border-right: 1px solid rgba(255, 255, 255, .3); transition: all .3s; }
#pg-contact .conbox dl:last-child { border-right: none; }
#pg-contact .conbox dt { }
#pg-contact .conbox dd { margin-left: 20px; }
#pg-contact .conbox dd h3 { font-size: 18px; color: #fff; margin-bottom: 8px; }
#pg-contact .conbox dd p { font-size: 14px; color: rgb(238, 238, 238); }
#pg-contact .conbox dd a { color: rgb(238, 238, 238); }
#pg-contact .conbox dd a:hover { text-decoration: underline; }
#pg-contact .conbox dl:hover { background-color: #CA221A; }
#pg-contact .conbox dl.wechat { position: relative; z-index: 9; }
#pg-contact .conbox dl.wechat .wechatimg { width: 120px; position: absolute; left: 55%; top: -20px; z-index: 5; transition: all .2s; }

#map { width: 100%; height: 100%; box-sizing: border-box; position: absolute; left: 0; top: 0; z-index: 7; }
/*******/



#navpart{ display: none;}
.ind-support .indtit::after{ display: none!important;}
#m{ display: none;}

@media only screen and (max-width: 1200px){
	
	.pc_head{ display: none;}
	#navpart{ display: block;}
	
	#m{ display: block;}
	
	#m #m-head{width: 100%; height:50px; background:#fff; padding:0 0 0 16px;position:fixed;z-index: 100;box-sizing: border-box;box-shadow: 0 5px 15px rgba(0,0,0,.3);}
	#m #m-head>a:first-child>img{height:44px; margin:3px 0 0 0;}

	#m #m-search{width:50px; height:50px; line-height:50px;position:absolute; z-index:3; right:50px; top:0; text-align:center; transition:color .3s;}
	#m #m-search span.iconfont{font-size:2rem;color:#666;}

	#m #m-search-box{width:90%; height:50px; background:#fff; position:fixed; left:0; right:0; top:0; bottom:0; margin:auto; z-index:99;display: none;}
	#m #m-search-box input{width:100%; height:50px; line-height:50px; padding:10px; background:#fff; line-height:60px;  box-sizing:border-box; font-size:1.2rem; float:left;}
	#m #m-search-box input::placeholder{color:#999;}
	#m #m-search-box a,#m-search-box .m-search{display:block;width:50px; height:50px; line-height:50px; position:absolute;float:left; text-align:center; color:#fff;}
	#m #m-search-box .m-search>span{font-size:1.8rem;}
	#m #m-search-box a.close>span{font-size:1.6rem;}
	#m #m-search-box .m-search{background:#DC241C;right:50px; top:0; border: none;}
	#m #m-search-box a.close{background:#CA221A;right:0; top:0;}
	#m #menubtn{width:50px; height:50px; display:block; position:absolute; right:0px; top:0; line-height:50px; cursor:pointer; background:#DC241C;}
	#m #m-head #menubtn>.icon-mu { position: absolute;top:50%;left:50%;z-index: 999; margin-left:-25px; margin-top:-25px; box-sizing: border-box;padding:12px;width:50px;height:50px;-webkit-tap-highlight-color: transparent;-ms-touch-action: manipulation;touch-action: manipulation;}
	#m #m-head #menubtn>.icon-mu>span { position: relative; display:block; margin-top:12px;}
	#m #m-head #menubtn>.icon-mu>span,#m-head #menubtn>.icon-mu>span:after,#m-head #menubtn>.icon-mu>span:before { display: block;width:100%;height:2px;background:#fff; border-radius:3px; transition-duration: .4s;transition-property: background-color,transform;}
	#m #m-head #menubtn>.icon-mu>span:after,#m-head #menubtn>.icon-mu>span:before { position: absolute; content: "";}
	#m #m-head #menubtn>.icon-mu>span:before {top: -10px;}
	#m #m-head #menubtn>.icon-mu>span:after {top: 10px;}
#m #m-head #menubtn>.icon-mu.active{ background:#333;}
#m #m-head #menubtn>.icon-mu.active span { background-color: transparent;}
#m #m-head #menubtn>.icon-mu.active span:after,#head>.nav>.icon-mu.active span:before {background-color: #fff;}
#m #m-head #menubtn>.icon-mu.active span:before {transform: translateY(10px)rotate(45deg);}
#m #m-head #menubtn>.icon-mu.active span:after {transform: translateY(-10px)rotate(-45deg);}

	#m #menu { position: fixed; width: 100%; background: #fff; top: 50px; z-index: 999; border-top: 1px solid #e6e6e6; display: none;
		overflow-y: scroll;
		height: -moz-calc(100% - 50px);
		height: -webkit-calc(100% - 50px);
		height: calc(100% - 50px); }
	#m #menu>li{border-bottom:1px solid #e6e6e6;}
	#m #menu>li>a{display:block;font-size:1.1rem; color:#333; padding:13px 16px; position:relative; overflow:hidden;}
	#m #menu>li>a.sub{background:url(../img/plus2.png) no-repeat right top; background-size:18px auto; background-origin:content-box;}

	#m #menu>li>a.A{background-position:right bottom;}
	#m #menu>li>div{background:#f9f9f9; display:none;}
	#m #menu>li>div>a{display:block; font-size:1rem; padding:12px 32px; border-top:1px solid #eee;}
	#m #menu>li>div>a:active{background:#DC241C; color:#fff;}
	#m #menu>li.lan a{display: block;width: 50%;height:40px;line-height:40px; float: left;text-align: center;color: #fff; box-sizing: border-box;background-color: #DC241C;padding: 0 15px;}
	#m #menu>li.lan a img{height:25px;vertical-align: middle;margin-right: 5px;}

	#m #menu>li.lan a.cn{background-color: #333;}

	#m #m-menubg{display:none;height: 100%;width: 100%;background-color: rgba(0,0,0,.8);position: fixed;left: 0;top: 0;z-index: 90;}

	.banner{ margin: 50px 0 0;}
	.pgbanner{ margin: 50px 0 0;}
	.banner .swiper-pagination{ bottom:-10px!important;}
	
	.ind-pro {    min-width: auto;}
	.ind-pro .proitem{ width: 100%;}
	
	.ind-about { background: #f5f5f5 url(../img/indabbg.jpg) no-repeat -0% 0; background-size:contain; height: auto;}
	.ind-about .al-l{  width: 100%; margin: 0 auto; float: none;}
	.ind-about .al-r{  width: 100%; margin: 0 auto;  float: none;}
	.wrap{  min-width: auto;}
	.ind-about .al-l .al-l2 li{ width: 33%; margin: 0;}
	
	.newsitem{ width: 100%; margin: 0 0 20px}
	.newswrap{ display: block; }
	
	.ftcontact{ background: #DC241C; height: auto;}
	.ftcontact .ftc1{ display: none;}
	.ftcontact .ftc2{ padding: 30px 0 20px;}
	.ftcontact .ftc2 li{ width: 100%; padding:0px 0 20px 50px; color: #fff;   }
	.ftcontact .ftc2 li span{    color: #fff;    border: 1px solid #fff;}
	.ftcontact .ftc2 li a{  color: #fff;  }
	
	.foot{   min-width: auto; }
	.ft-nav{ display: none;}
	.ft-l{ padding: 0;}
	.ft-r{ display: none;}
	.copy .fr{ display: none; }
	.pgbanner .text { top: 20%;}
	.pgbanner .text h3{ font-size: 24px;}
	.pgbanner .text .t2{ margin: 0;}
	
#navpart{ position:relative; width:100%; height:auto; margin:0 auto; background:#DC241C; border-bottom:1px solid #eee; transition:all .35s;}
#navpart>.title{ padding:0px 15px; text-align:left; text-transform:uppercase; height:50px; line-height:50px; color:#fff; font-size:14px;}
#navpart>.btn{position:absolute; z-index:3; right:0px; width:50px; height:50px; line-height:50px; text-align:center;}
#navpart>.btn>span{display: block;font-size:2rem;color: #fff; transition:all .35s;}
#navpart>.A>span{transform:rotate(180deg);}
#navpart>.container{ display:none; position:absolute; z-index:99; left:0; top:50px; width:100%; background:rgba(0,0,0,.6);}
#navpart>.container>a{ display:block; border-bottom:1px solid rgba(255,255,255,.1); color:#fff; font-size:14px; padding:15px; text-align:left;}
#navpart.small{position:fixed; z-index:999; top:60px;}


.pgtit1 { font-size: 28px; position: relative; margin-top: 20px; }
.pgtit1:after { display: block; content: " "; width: 40px; height: 3px; background-color: #DC241C; margin-top: 10px; }
.ind-support .con h3 { line-height:1.5; }

	.pgnavW{ display: none;}
	.pgabbox1{ padding: 20px;}
	
	.pgabbox1 .tit3{ font-size: 50px;}
	.abimg1{ width: 100%; position: relative; right: 0;}
	
	.pgabbox1 .abcon{ width: 100%; padding: 0;}
	.pgabbox1 .abcon .con{ height: auto;}
	.cert-list>li{ width: 48%; height: auto!important; margin: 0 4% 20px 0;}
	.cert-list>li:nth-child(2n){margin: 0 0 20px 0;}
	.cert-list>li>a>.img{height: auto!important;}
	#pg-certificate{ padding: 30px 0;}
	
	#pg-newsview{   min-width: auto; }
	
	.newsviewbox .fl{ width: 100%; float: none;}
	.newsviewbox .fr{ width: 100%;float: none; display: none;}
	.pageurl a{ width:90%; padding: 0 5%; margin: 0;}
	.newsviewbox .fl .newsT p{ font-size: 18px;}
	
	.newsviewbox .fl:after { display: none; }
	.newsviewbox .fl .newsT { border: none; }
	.newsviewbox .fl .newsC { padding: 50px 0; }
	.prolist li { width: 48%; height: auto!important; margin: 0 4% 20px 0; }
	.prolist li:nth-of-type(5n) { margin-right: 4% !important; }
	.prolist li:nth-of-type(2n) { margin-right: 0 !important; }
	
	#pg-hr .hrT{ display: block;}
	#pg-hr .hrT dl.t1{ width: 100%; padding: 0; border: 0; margin: 0 0 50px;}
	#pg-hr .hrT dl.t2{ width: 100%; padding: 0;}
	
	#pg-hr .jobwrap ul.job-hd li:nth-child(2){ display: none;}
	#pg-hr .job-item dt span:nth-child(2){ display: none;}
	
	#pg-contact .con { }
	#pg-contact .conbox { display: block; }
	#pg-contact .conbox dl { width: 100%; display: block; float: left; padding: 10px 20px; }
	#pg-contact .conbox dt { float: inherit; margin: 0px 0 0; }
	#pg-contact .conbox dd { padding: 0 0 0 30px; }
	#pg-contact .conbox dd h3 { font-size: 16px; }	
	#pg-contact .conbox dl.wechat .wechatimg { position: relative; left: 50%; top: 0px; z-index: 5; margin-left: -60px; margin-top:5px; margin-bottom:5px; transition: all .2s; }	
	#pg-proview .pro-hd .hdleft { width: 100%; }
}

/* 面包屑导航 */
.n_up_box { height: 60px; line-height: 58px; background:#eee; }
.n_up_box .wraps { width: 92%; margin: 0 auto; min-width:1300px; }
.n_up_box .crumbs { float: right; background: url(/images/crumbs.png)no-repeat left center; padding-left: 20px; }
.n_up_box .crumbs a { padding: 0 5px; font-size: 14px; }
.n_up_box .columnMenu { float: left; }
.n_up_box .columnMenu ul li { float: left; }
.n_up_box .columnMenu ul li a { font-size: 16px; color: #666666; padding: 0 15px; display: block; }
.n_up_box .columnMenu ul li i { display: none; padding: 0 6px; }
.n_up_box .columnMenu ul li.active { line-height:58px; }
.n_up_box .columnMenu ul li.active a { color: #DC241C; padding: 0 15px; border-bottom:2px solid #DC241C; }
.n_up_box .columnMenu ul li.active a i { display: inline-block; }
.n_up_box .columnMenu ul li a:hover { color: #DC241C; }
.n_up_box .columnMenu ul li.active a:hover { color: #DC241C; }

@media (max-width:767px) {
.n_up_box { height:auto; overflow:auto; }
.n_up_box .wraps { width: 100%; min-width: auto; margin: 0 auto; }
.n_up_box .columnMenu { margin-left:15px; }
.n_up_box .crumbs { float: left; clear:both; margin-left:15px; line-height: 20px; padding-top:20px; padding-bottom:20px; }
.n_up_box .crumbs a { padding: 0 0px; }
.wrap{ width:92%; }
}